<template>
    <div class="scan">
        
      <header>
        <van-icon name="arrow-left" @click="handleBack()" size="25"/>
        <span>扫一扫</span>
      </header>
      <div class="content">
        <img src="https://cimg.axureshop.com/28/d0/93/28d0933e0c9f40ce99dc79bdae082541/images/扫一扫/u5779.png" alt="" style="width:200px;height:200px">
        <img src="https://cimg.axureshop.com/28/d0/93/28d0933e0c9f40ce99dc79bdae082541/images/扫一扫/qr_u5780.png" alt="" style="width:180px;height:180px">
      </div>
    </div>
  </template>
  
  <script>
  export default {
    name: 'scan',
    methods: {
      handleBack() {
        this.$router.back()
      },
    },
    
  }
  </script>
  
  <style lang="less" scoped>
    header{
      height: 44px;
      font-size: 16px;
      line-height: 44px;
      display: flex;
      justify-content: left;
      align-items: center;
      padding: 5px;
      background-color: white;
    }
    .content{
        background-image:url('https://cimg.axureshop.com/28/d0/93/28d0933e0c9f40ce99dc79bdae082541/images/扫一扫/u5764.png');
        height: 623px;
        position: relative;
    }

    .content img:nth-child(1){
        position: absolute;
        top: 50px;
        left: 87px;
    }
    .content img:nth-child(2){
        position: absolute;
        top: 60px;
        left: 97px;
    }
  </style>
  